<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>登录页</title>
		<!-- 1.引入重置样式 -->
		<link rel="stylesheet" href="../css/reset.css" />
		<!-- 2.引入标准化样式 -->
		<link rel="stylesheet" href="../css/normalize.css" />
		<!-- 3.引入公用样式 -->
		<link rel="stylesheet" href="../css/common.css" />
		<!-- 4.引入当前页样式 -->
		<link rel="stylesheet" href="../css/login.css" />
	</head>
	<body class="clear">
		<div id="leftBox" class="fl"></div>
		<div id="rightBox" class="fr">
			<!-- 登录框 -->
			<div id="loginModal">
				<!-- logo -->
				<div id="loginModalLogo">
					<img src="../imgs/api-new-logo-white.png" alt="" />
				</div>
				<!-- 登录方式 -->
				<div id="loginModalLoginType">
					<a href="#"> 账号登录 </a>
					<i></i>
					<a href="#"> 扫码登录 </a>
				</div>
				<!-- 表单区 -->
				<form action="index.html" id="loginUser">
					<p id="loginUsername">
						<i></i>
						<input type="text" placeholder="用户名/手机号/邮箱" id="userName" />
						<span>请正确填写用户名</span>
					</p>
					<p id="loginUserpassword">
						<i> </i>
						<input type="text" placeholder="密码" id="password" />
						<span>请正确填写密码</span>
					</p>
					<p id="forgetPassword">
						<a href="#">忘记密码</a>
					</p>
					<a href="index.html" id="loginLink">登录</a>
					<!-- 注册 -->
					<p class="register">
						还没有源码账号，<label
							><a href="../html/register.html">立即注册</a> <i></i
						></label>
					</p>
				</form>
				<!-- 二维码登录 -->
				<form action="" id="QRCode">
					<div>
						<img src="../imgs/showqrcode.jpg" alt="" />
						<p>微信扫码登录</p>
						<p>未关注源码科技公众号，请关注后再登录</p>
					</div>
					<p id="QRCodeRegister">
						还没有源码账号，<label><a href="#">立即注册</a> <i></i></label>
					</p>
				</form>
			</div>
		</div>
		<script src="../js/util.js"></script>
		<script src="../js/login.js"></script>
	</body>
</html>
